/* b&w 3 style sheet */


.pagearea { background-color:#FFFFFF; }
.displayarea { background: #FFFFFF; margin: 0px; border: 0px; padding: 0px }
.headingarea { width:770px; padding: 0px; margin: 2px; margin-bottom: 0px; background: #FFFFFF; border-bottom: solid 2px #bccbf3; }
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
  .headerleft { float: left; background: #555566 url(bannerleft.gif) right top no-repeat; width: 766px;  
  				padding-left: 4px; font-size:14px; font-family:"Courier New", Courier, mono; font-weight:bolder; font-stretch: extra-expanded; color: #FFFFFF  }
  .headermain { float: left; background: url(bannermid.jpg) no-repeat; height: 110px; width: 770px; 
  				font-weight: bold; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height: 100px; text-align:center;  }
  .headerright { float: right; background: #EEEEFF; }

.leftcolumn { width: 120px;  border: 0px; background: #ddddee; border-bottom: solid 4px #FFF; border-left: solid 4px #FFF; margin-left: 4px; padding-right: 0px; border-top: solid #fff 10px; }
  .lefttop { height: 30px; width: 120px; background: #ddddee url(lefttop.gif) top right no-repeat; }
  .leftmain { width: 120px; }
  .leftbase {  width: 120px; height: 50px }

hr { height: 0px; width: 0px }

.toplinkarea { height: 50px; background: #FFFFFF; border: 0px; border-right: solid 4px #FFF }

.rightcolumn { width: 120px; background: #bccbf3 url(righttop.gif) top left no-repeat; border-left: 0px; border-bottom: 0px; border-top: 0px; border-right: solid 4px #FFFFFF }
    .righttop { height: 30px }
	.rightmain { width: 120px; background: #bccbf3; }
	.rightbase { }

.footer { border-top: 0px;  height: 40px; background: #777788; border-left: solid 4px #FFF; }
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
    .footerleft { float: left; height: 40px; width: 120px; background: #555566 url(footerleft.gif) left bottom no-repeat; }
	.footermain { background: #777788; height: 40px; border-left: dashed 2px #FFF; }
	.footerright { float: right; background: #9AA9E1 url(footermid.gif) right top no-repeat; height: 40px; width: 240px; border-right: solid 4px #FFF; }

.mainarea { width: 650px; background: url(main_bak.gif) bottom left no-repeat; padding-top: 14px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; border-bottom: solid 4px #FFF; }
.mainarea .leftpic { padding: 6px 0px 0px 0px; border-right: solid 2px #495D04; border-bottom: solid 6px #777788; margin-right: 10px; margin-bottom: 6px; margin-left: 6px; }
.mainarea .rightpic { padding: 6px 0px 0px 0px; border-right: solid 2px #495D04; border-bottom: solid 6px #777788; margin-right: 10px; margin-bottom: 6px; margin-left: 6px; }


.botlinkarea { height: 30px; border-top: solid 1px #FFF; }